<template>
  <p :class="type" v-html="message" />
</template>
<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator'

@Component({
  name: 'Msg'
})
export default class extends Vue {
  @Prop({ default: 'success' }) private type!: string
  @Prop({ default: '' }) private message!: string
}
</script>
<style scoped>
p {
    margin: 5px 0;
}
.success {
    color: #67C23A;
}
.failed {
    color: #F56C6C;
}
.warning {
    color: #E6A23C;
}
.info {
    color: #909399;
}
</style>
